<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 随机点名：点击网页中'点击'按钮，随机数数组中的名字显示到页面
        数组、随机数(Math.random())、事件绑定、设置文本内容 -->
        <button>点击</button>
        <h3>显示名字</h3>
        <script>
            const btn = document.querySelector('button');
            const test = document.querySelector('h3');
            let arr = ['张三','李四','王五','赵六','孙七'];
            btn.addEventListener('click',function(){
                //获取数组的随机数索引值num[0~arr.length]
                let num =Math.floor(Math.random()*arr.length);
                //通过num获取数组中的随机值
                test.innerHTML = arr[num];
            })
        </script>
</body>
</html>